<!--
*@Author: QWP
*@Description: 新闻详情
*@Date: 2024-07-08 17:04:38
-->
<template>
  <u-dialog v-bind="$attrs"
    @close="dialogClose">
    <a-layout class="f-h-100">
      <a-layout-header style="height: auto; padding: 0; background-color: #fff; line-height: 40px;">
        <a-row  justify="center"
          style="font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 20px;color: #333333;">
          挥舞钉钉AI魔法棒，开启新浪微博 AI一体化协作时代
        </a-row>
        <a-row justify="center"
          style="font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 14px;color: #999999;">
          <a-space size="large">
            <span>发布时间：2024-01-06</span>
            <span>发布人：丁艳玲</span>
          </a-space>
        </a-row>
      </a-layout-header>
      <a-layout-content class="s-bg-white"
        style="overflow: auto">
        <a-row justify="center">
          <a-col :span="12">
            <a-space direction="vertical" size="large">
              <div>
                据国家统计局消息，上半年，在以习近平同志为核心的党中央坚强领导下，各地区各部门认真贯彻落实党中央、
                国务院决策部署，坚持稳中求进、以进促稳、先立后破，有效落实各项宏观政策，国民经济运行总体平稳，稳
                中有进，生产稳定增长，需求持续恢复，就业物价总体稳定，居民收入继续增加，新动能加快成长，高质量发
                展取得新进展。
              </div>
              <a-image :src="urlFile('login/oa_login.png')"></a-image>
              <div>
                初步核算，上半年国内生产总值616836亿元，按不变价格计算，同比增长5.0%。分产业看，第一产业增加值
                30660亿元，同比增长3.5%；第二产业增加值236530亿元，增长5.8%；第三产业增加值349646亿元，增长4.6%。
                分季度看，一季度国内生产总值同比增长5.3%，二季度增长4.7%。从环比看，二季度国内生产总值增长0.7%。
              </div>
            </a-space>
          </a-col>
        </a-row>
      </a-layout-content>
    </a-layout>
  </u-dialog>
</template>

<script lang='ts' setup>
import { ref, reactive, computed, onMounted, h } from 'vue' 

import { useRoute, useRouter } from 'vue-router'
import { _IFormEl, _IExtra } from '@/src/components/common/form/interface';
import { FormInstance, FormItemProps } from 'ant-design-vue';
import { HomeOutlined, FileTextOutlined, UploadOutlined } from '@ant-design/icons-vue';
import { TreeProps } from 'ant-design-vue/es/vc-tree';
import { ColumnProps } from 'ant-design-vue/es/table';
import { _IColumnProps } from '@/components/common/tableEdit/interface.ts'
import { fileCols } from '@/common/model/fileCols'
import { urlFile } from '@/util/common'
const route = useRoute()

const formRef = ref<FormInstance>()
const form = reactive({})
const formItemProps: FormItemProps & _IExtra = {
  labelWidth: '90px',
  colon: false
}
const formEls: Array<_IFormEl> = [
  { label: '主题', key: 'title', col: { span: 12,}, element: 'input', 
    formItemProps: { ...formItemProps, required: true } 
  },
  { label: '新闻来源', key: 'swbm', col: { span: 12 }, element: 'select', 
    formItemProps: { ...formItemProps, required: true } 
  },
  { label: '发布人', key: 'zcflmc', col: { span: 12 }, element: 'input', 
    formItemProps: { ...formItemProps, required: true },
    componentProps: { disabled: true } 
  },
  { label: '发布单位', key: 'zcmc', col: { span: 12 }, element: 'select', 
    formItemProps: { ...formItemProps, required: true } 
  },
  { label: '备注', key: 'sm', col: { span: 24 }, element: 'textarea', 
    formItemProps: { ...formItemProps, required: true } 
  },
]

// 文件上传列表
const tabData: Array<any> = reactive([]); 
const columns: Array<_IColumnProps> = fileCols(); 

// 付款约定
const detialTabData: Array<any> = reactive([]); 
const detialCols: Array<_IColumnProps> = [
  { title: '付款批次', dataIndex: 'zcmc', minWidth: 150, element: 'input' },
  { title: '付款比例 ', dataIndex: 'lyr', minWidth: 150, element: 'number' },
  { title: '付款金额', dataIndex: 'fkje', minWidth: 150, element: 'money' },
  { title: '备注', dataIndex: 'bz', minWidth: 150, element: 'input' },
]; 


// 弹窗关闭
const dialogClose = () => {
  formRef.value.form.resetFields();
}
</script>

<style lang='scss' >
</style>